<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片展示</title>
</head>
<body>
<a name="top">顶部</a>

<img src="../resources/timg.jpg" alt="haha" title="zheg" width="300" height="300">
<img src="../resources/123.gif" alt="12">
<a href="my_first_html.html" id="haha">跳转到我第一个页面</a>
<a href="https:www.baidu.com">跳转到百度</a>
<br/>
<a href="my_first_html.html" target="_blank">跳转到我第一个页面
    <img src="../resources/timg.jpg" alt="haha" title="zheg" width="300" height="300">
</a>
<p><a href="my_first_html.html" target="_self">跳转到我第一个页面
    <img src="../resources/timg.jpg" alt="haha" title="zheg" width="300" height="300">
</a>
</p>
<p><a href="my_first_html.html" target="_self">跳转到我第一个页面
    <img src="../resources/timg.jpg" alt="haha" title="zheg" width="300" height="300">
</a>
</p><p><a href="my_first_html.html" target="_self">跳转到我第一个页面
    <img src="../resources/timg.jpg" alt="haha" title="zheg" width="300" height="300">
</a>
</p>
</p><p><a href="my_first_html.html#bottom" target="_self">跳转到我第二个页面底部
    <img src="../resources/timg.jpg" alt="haha" title="zheg" width="300" height="300">
</a>
</p>
<p><a href="mailto:814575934@qq.com">邮箱链接</a></p>
<a href="#top">回到顶部</a>

<style>
    a[id=haha]{
        background: yellow;
    }
</style>


</body>
</html>